<template>
  <div>
    <el-dialog >
      <div class="drawBack">
        <p
          :style="{
            backgroundColor: 'rgb(63, 120, 246)',
            color: 'white',
            height: '30px',
            lineHeight: '30px',
            borderRadius: '5px',
            width: '40%',
          }"
        >
          服务单详情
        </p>
        <p>订单编号：</p>
        <p>当前状态：</p>
        <p>退款单号：</p>
        <p>申请时间：</p>
        <p>用户账号:</p>
        <br />
        <br />
        <br />
        <p>订单元</p>
        <p>确认退款金元</p>
        <p>退款方式:到原支付渠道</p>
        <p>
          <el-button @click="this.visible = false">取 消</el-button>
          <el-button type="primary">确 定</el-button>
        </p>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import bus from "@/utils/bus";
export default {
  created() {
    bus.$on("list", () => {
      console.log(this.List, "2222");
    });
    console.log(this.orderList, "1111");
  },
  data() {
    return {
      visible: true,
      // 接受的数据
      orderList: {},
    };
  },
};
</script>

<style lang="scss" scoped>
.drawBack {
  position: relative;
  width: 1000px;
  height: 1000px;
  
}
</style>